import React from 'react'
//一次封装
// const itemStyle = {border:'1px dashed #ccc',margin:'10px',padding:'10px',boxShadow:'0 0 10px #ccc'};

//二次封装
// const styles = {
//     item:{border:'1px dashed #ccc',margin:'10px',padding:'10px',boxShadow:'0 0 10px #ccc'},
//     user:{fontSize:'16px'},
//     content:{fontSize:'14px'}
// }

//抽离为单独的样式表 模块
import styles from '@/components/styles'



//使用function构造函数，定义普通的无状态组件
export default function CmtItem(props){
    return <div style={styles.item}>
    <h1 style={styles.user}>评论人：{props.user}</h1>
    <div style={styles.content}>评论内容：{props.content}</div>
</div>
}
